<!DOCTYPE html>
<html>

<head>
    <title>零钱</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="">
    <link rel="stylesheet" href="#(ctx)/static/wechat/lib/weui.min.css">
    <link rel="stylesheet" href="#(ctx)/static/wechat/css/jquery-weui.css">
    <link rel="stylesheet" href="#(ctx)/static/wechat/css/reset.css">
    <link rel="stylesheet" href="#(ctx)/static/wechat/css/box-flex.css">
    <link rel="stylesheet" href="#(ctx)/static/wechat/css/style.css">
    <script src="#(ctx)/static/wechat/lib/jquery-2.1.4.js"></script>
    <script src="#(ctx)/static/wechat/js/adaptive.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    adaPtive(); //铺页面调用				
    //页面加载时调用
    $(function() { direction(); });
    //用户变化屏幕方向时调用
    $(window).on('orientationchange', function(e) { direction(); });
    //调用adaptive
    function adaPtive(max) { window['adaptive'].desinWidth = 720;
        window['adaptive'].baseFont = 24;
        window['adaptive'].scaleType = 1;
        window['adaptive'].maxWidth = max;
        window['adaptive'].init(); }
    //判断手机屏幕方向
    function direction() { if (window.orientation == 90 || window.orientation == -90) { adaPtive(320); return false; } else if (window.orientation == 0 || window.orientation == 180) { adaPtive(); return false; } }
    </script>
</head>

<body ontouchstart>
    <div class="wx-header clearfix flex">
        <div class="wx-header-left">
            <a href="#">
	  				<i class="iconfont icon-zuo"></i>返回
	  			</a>
        </div>
        <h1 class="flex-1">零钱</h1>
        <div class="wx-header-right">
            <a href="#">
                <p>零钱明细</p>
            </a>
        </div>
    </div>
    <div class="weui-msg change-main clearfix">
        <div class="weui-msg__icon-area wx_chang_img"><img src="#(ctx)/static/wechat/images/wx_change.png" alt=""></div>
        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title">我的零钱</h2>
            <p class="weui-msg__desc">¥800.58</p>
        </div>
        <div class="weui-msg__opr-area">
            <p class="weui-btn-area">
                <a href="javascript:;" class="weui-btn weui-btn_primary wx_btn">充值</a>
                <a href="javascript:;" class="weui-btn weui-btn_default wx_btn">提现</a>
            </p>
        </div>
        <div class="change-a">
            <a href="#"><img src="#(ctx)/static/wechat/images/wx_change_jj.png" alt=""><p>零钱理财，让零钱安稳赚收益 ></p></a>
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">常见问题</a>
                </p>
                <p class="weui-footer__text">本服务由XXXX提供</p>
            </div>
        </div>
    </div>
 
    <script src="#(ctx)/static/wechat/lib/fastclick.js"></script>
    <script>
    $(function() {
        FastClick.attach(document.body);
    });
    </script>
    <script src="#(ctx)/static/wechat/js/jquery-weui.js"></script>
</body>

</html>
